import React, { Component } from 'react'
// 到入样式
import './MyList.scss'
import pic2 from '../imags/pic2.jpeg'

export default class MyList extends Component {
    constructor(props) {
        super(props);
        this.state = {
            classlist:[
                '活动专区', '品牌', '美容护肤', '活动专区', '品牌', '美容护肤'
            ],
            goodslist: [
                { name: '卸妆', pic: pic2 },
                { name: '彩妆', pic: pic2 },
                { name: '香氛', pic: pic2 },
                { name: '进口酒', pic: pic2 },
                { name: '洁面', pic: pic2 },
                { name: '去角质', pic: pic2 },
                { name: '食品百货', pic: pic2 },
                { name: '母婴专区', pic: pic2 },
                { name: '直播专区', pic: pic2 },
                { name: '特卖专场', pic: pic2 },
            ]
        }
    }
    render() {
        return (
            <div className="mylist">
                <div className="sortclass">
                    <div className="leflist">
                        {
                            this.state.classlist.map((item) => {
                                return(
                                    <div className='classname'>{item}</div>
                                )
                            })
                        }
                        
                    </div>
                    <div className="riglist">
                        <div className='nurse'>面部护理</div>
                        <div className="goodslist">
                            {
                                this.state.goodslist.map((item) => {
                                    return (
                                        <div className="goods">
                                            <img src={item.pic} alt="" />
                                            <div className='goodsname'>{item.name}</div>
                                        </div>
                                    )
                                })
                            }
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}